<template>
  <div class="">
    <h2>我是孙组件{{ num }} <button @click="send">我要发给祖宗信息</button></h2>
  </div>
</template>

<script>
import { inject } from "vue";
export default {
  setup(props, { emit }) {
    // 接收祖先传过来的数据
    // 不能自己修改数据，遵循单向数据流原则，谁定数据谁修改
    const num = inject("num");
    console.log(num); // 祖宗传过来的数据
    const fn = inject("fn");
    function send() {
      fn("数据66666");
    }

    return {
      num,
      send,
    };
  },
  components: {},
};
</script>

<style lang="scss" scoped></style>
